.details_right_lower{
    width: 20rem;
    height: 468px;
    :global{
      main{
        width: 100%;
        height: 450px;
        color: var(--main-text-color);
        overflow-y: auto;
        text-indent: 1rem;
      }
      .head{
        color: var(--main-text-color);
        font-weight: bold;
        font-size: 0.14rem;
      }
      .main{
        width: 100%;
        height: 100%;
        padding: 0 10px;
        // overflow-y: auto;
      }
      a{
        font-size: 14px;
      }
      .main>div{
        height: auto;
        width: 100%;
        position: relative;
        font-size: 0.16rem;
      }
      .floor1{
        padding-left: 6px;
        cursor: pointer;
        --dot-left: 0px;
        --dot-width: 6px;
        position: relative;
        line-height: 32px;
        width: 100%;
        color: var(--main-text-color);
      }
      
      .floor2{
        padding-left: 12px;
        cursor: pointer;
        --dot-left: 0px;
        --dot-width: 6px;
        position: relative;
        line-height: 32px;
        width: 100%;
      }
      .floor2::before{
        content: "";
        position: absolute;
        top: 50%;
        left: var(--dot-left);
        margin-top: -2px;
        width: var(--dot-width);
        height: var(--dot-width);
        background-color: currentColor;
        border-radius: 50%;
      }
      .floor3{
        padding-left: 24px;
        cursor: pointer;
        --dot-left: 10px;
        --dot-width: 4px;
        position: relative;
        line-height: 32px;
        width: 100%;
      }
      .floor3::before{
        content: "";
        position: absolute;
        top: 50%;
        left: var(--dot-left);
        margin-top: -2px;
        width: var(--dot-width);
        height: var(--dot-width);
        background-color: currentColor;
        border-radius: 50%;
      }
      .floor4{
        padding-left: 36px;
        cursor: pointer;
        --dot-left: 20px;
        --dot-width: 4px;
        position: relative;
        line-height: 32px;
        width: 100%;
      }
      .floor4::before{
        content: "";
        position: absolute;
        top: 50%;
        left: var(--dot-left);
        margin-top: -2px;
        width: var(--dot-width);
        height: var(--dot-width);
        background-color: currentColor;
        border-radius: 50%;
      }
      .floor5{
        padding-left: 48px;
        cursor: pointer;
        --dot-left: 30px;
        --dot-width: 2px;
        position: relative;
        line-height: 32px;
        width: 100%;
      }
      .floor5::before{
        content: "";
        position: absolute;
        top: 50%;
        left: var(--dot-left);
        margin-top: -2px;
        width: var(--dot-width);
        height: var(--dot-width);
        background-color: currentColor;
        border-radius: 50%;
      }
      .floor1:hover,.floor2:hover,.floor3:hover,.floor4:hover,.floor5:hover,.floor6:hover{
        color: var(--primary-color);
      }
      .ant-anchor-link-title{
        color: var(--main-text-color);
      
      }
      .ant-anchor-link-title:hover{
        color: var(--primary-color);
      }
      .ant-anchor-link-title-active{
        width: 100%;
        color: var(--primary-color)!important;
        
      }
      .ant-anchor-link{
        height: 32px;
        display: flex;
        align-items: center;
        color: var(--main-text-color);
      }
      .ant-anchor-link:hover{
        color: var(--primary-color)!important;
      }
      .ant-anchor-link-active{
        color: var(--primary-color)!important;
        background-color: rgba(255,255,255,0.2);
      }
      
    }
  }
  
